<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link href="css/common.css" rel="stylesheet" type="text/css"/>
    <link href="css/base.css" rel="stylesheet" type="text/css"/>
    <link href="css/supplie.css" rel="stylesheet" type="text/css"/>
    <link href="css/style.css" rel="stylesheet" type="text/css"/>
    <link href="css/style1.css" rel="stylesheet" type="text/css"/>
    <script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>
    <script src="js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
    <script src="js/jquery.pagination.js" type="text/javascript"></script>
    <script src="js/vue.js" type="text/javascript"></script>
    <script src="js/common_js.js" type="text/javascript"></script>
    <script src="js/footer.js" type="text/javascript"></script>
    <title>关于我们</title>
    <style>
        [v-cloak] {
            display: none;
        }

        .content_mid {
            /*padding: 0 60px;*/
            background: #fafafa;
            margin: 0 auto;
        }

        .c_section {
            margin-bottom: 40px;
            position: relative;
            background-color: #fafafa;
        }

        .c_section_mid dd.aboutus {
            /*padding: 80px 25px;*/
        }

        /*.aboutus img {*/
            /*position: absolute;*/
            /*width: 186px;*/
            /*height: 186px;*/
        /*}*/

        .aboutus .info {
            /*margin-right: 196px;*/
            background: rgba(58,122,205,0.5);
            padding: 20px 30px;
        }

        .aboutus .info a {
            color: #fff;
            text-decoration: underline;
        }

        .aboutus span {
            display: block;
            text-indent: 2em;
            color: #fff;
            font-size: 18px;
        }

        .c_section_mid dd.privacy {
            padding: 80px 25px;
            line-height: 28px;
        }

        .privacy .info {
            text-indent: 2em;
        }

        .contact_box{
            display: flex;
            justify-content:space-between;
        }
        .contact_box li {
            height: 92px;
            margin-top: 10px;
            padding: 15px 0 5px 7px;
            float: left;
            background: #3A7ACD;
            color: #fff;
        }

        .contact_box li a {
            color: #fff;
        }

        .contact_box li.cli {
            width: 19%;
        }
        .contact_box li.cli p{
            height: 18px;
        }
        .contact_box li.cli h6,.contact_box li.cli h6 a{
            font-size: 18px;
            text-indent: 1em;
        }

        .contact_box dd {
            padding: 0px;
            display: inline-block
        }

        .contact_box p {
            margin: 0
        }
        .show-img-wrap{
            width: 100%;
            height: 500px;
            margin-top: 10px;

        }
        .show-img-wrap img{
            display: block;
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
<div class="headerpage"></div>
<div class="clear"></div>
<section>
    <div id="mian">
        <div id="container">

            <div class="content_mid">
                <dl class="c_section c_section_mid">
                    <dd class="aboutus">
                        <!--<img alt="云钢联合" src="images/logo.jpg" width="186" height="186"/>-->
                        <div class="info">
                            <span>云钢联合是注册在天津生态城的一家高科技企业，注册时间***，注册资本***，**获得天津高薪技术企业证书，***获得国家级高薪技术企业证书；公司致力于在钢铁行业为买卖双方搭建即时交互平台：高效率、高透明、低投入、高产出。努力构建钢铁行业的循环生态链，实现生态链的平衡发展。为吸引更多的钢铁人努力奋斗！</span>
                        </div>
                        <div class="clear"></div>
                        <div class="show-img-wrap">
                            <img src="images/1.jpg" alt=""/>
                        </div>
                        <div class="show-img-wrap">
                            <img src="images/1.jpg" alt=""/>
                        </div>
                        <div class="show-img-wrap">
                            <img src="images/1.jpg" alt=""/>
                        </div>
                        <div class="clear"></div>
                        <ul class="reset contact_box">
                            <li class="cli">
                                <p>公司地址：</p>
                                <h6>天津生态城</h6>
                            </li>
                            <li class="cli">
                               <p>企业愿景：</p>
                                <h6>改变钢铁行业</h6>
                            </li>
                            <li class="cli">
                                <p>企业文化：</p>
                                <h6>踏踏实实云钢人！实实在在云钢事！</h6>
                            </li>
                            <li class="cli">
                                <p>合作客户：</p>
                                <h6><a href="factoryList.html" style="text-decoration: underline">见合作企业展示</a></h6>
                            </li>
                            <li class="cli">
                                <p>联系我们：</p>
                                <!--<h6> QQ:123456<br/></h6>-->
                                <h6>电话:022-59665839<br/></h6>
                            </li>
                        </ul>
                    </dd>
                </dl>
            </div>
            <div class="clear"></div>
            <input type="hidden" id="resubmitToken" value=""/>
            <a id="backtop" title="回到顶部" rel="nofollow"></a>
        </div><!-- end #container -->
        <div class="footerpage"></div>
    </div>
</section>
<script>
    $(function () {
        $(".headerpage").load("header.html");
        $(".footerpage").load("footer.html");
    });

</script>

</body>
</html>
